<html>
	<head>
	  {% if debug %}
		<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.4.2.js"></script>
		<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-ui.js"></script>
	  {% else %}
		<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-ui.min.js"></script>
	  {% endif %}
		<script type="text/javascript" src="{{ MEDIA_URL }}js/xbreadcrumbs.js"></script>

		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}style/xbreadcrumbs.css">
		<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}style/style.css">

		<title>Project Betastasis</title>
		<script type="text/javascript">
		  $(document).ready(function() { $('#breadcrumbs').xBreadcrumbs(); });
		</script>
	</head>
	<body>
	<div id="header">
		<h1 id="logo"><a href=".">Project Betastasis</a></h1>
	</div>
	
	<ul class="xbreadcrumbs" id="breadcrumbs">
	  <li><a href="/">Home</a></li>	 
	  {% include 'cancer_type_nav.html' %}
	</ul>

	<div id="main">
	  <h2>{{ description }}</h2>
		
	</div>
	
<div id="side">
  <p>
    <b>Available datasets</b>
    <ul>
      {% for ds in cancer_data_sets %}
        {% if current_cancer.id == ds.cancer_type.id %}
          {% ifchanged ds.data_source.id %}
            <li><a href="/{{ds.cancer_type.id}}/{{ds.data_source.id}}">{{ds.data_source.meta.name}}</a></li>
          {% endifchanged %}
        {% endif %}
      {% endfor %}
    </ul>
  </p>
</div>

<div id="footer" />
</body>
</html>
